
export function Tailwind3d(){
    return (
        <main className={'h-screen bg-black p-32 group perspective-distant'}>
            <div className={'w-60 h-40 bg-rose-500 transform-3d relative group-hover:rotate-y-180 duration-1000'}>
                <div className={'inset-0 bg-purple-600 p-10 absolute backface-hidden'}>
                    <h1 className={'text-white font-mono'}>Front</h1>
                </div>
                <div className={'inset-0 bg-green-500 p-10 absolute rotate-y-180 backface-hidden'}>
                    <h1 className={'text-white font-mono'}>Back</h1>
                </div>
            </div>
        </main>
    )
}
